<template>
  <div>
    <div :style="{display: showFormModel ? 'block':'none'}">
      <el-form label-width="80px" :model="formData">
        <el-row>
          <el-col :span="8">
            <el-form-item label="学号">
              <el-input v-model="formData.studentCode"></el-input>
            </el-form-item>
            <el-form-item label="班级">
              <el-select v-model="formData.classInfo">
                <el-option v-for="(classInfo, index) in classInfoList"
                           :key="index" :label="classInfo.label"
                           :value="classInfo.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="姓名">
              <el-input v-model="formData.studentName"></el-input>
            </el-form-item>
            <el-form-item label="家庭地址">
              <el-input v-model="formData.address"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">

          </el-col>
          <el-col :span="8">

          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SubmitByForm',
  props: ['showFormModel'],
  data () {
    return {
      classInfoList: [
        {
          label: '区域一',
          value: 'shanghai'
        },
        {
          label: '区域一',
          value: 'shanghai'
        },
        {
          label: '区域一',
          value: 'shanghai'
        },
        {
          label: '区域一',
          value: 'shanghai'
        }
      ],
      formData: {
        name: '',
        region: '',
        type: ''
      }
    }
  }
}
</script>

<style scoped>

</style>
